@import url('variable');
@import url('../../node_modules/normalize.css/normalize.css');

body{
	background-color: @body_background_color;
	font-family: 'Microsoft YaHei';
	font-size: 13px ;
}

a{
	text-decoration: none;
}
.title{
	text-align: center;
	background: url('/public/images/title-bg.jpg') no-repeat top center;
	background-size: cover;
	color: #fff;
	border-top: 2px solid @app_theme_border_color;
	h2{
		margin: 0;
		height: @app_item_height * 1.5;
		line-height: @app_item_height * 1.5;
	}
}
.app{
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	.box-shadow();

	ul{
		list-style: none;
		padding: 0;
		margin: 0;
		li{
			padding: 10px;
			overflow: hidden;
			&:not(:last-child){
				border-bottom: 1px solid @border_color;
			}
			img{
				float: left;
				vertical-align: middle;
				width: 120px;
				height: 86px;
				margin-right: 10px;
				border: 1px solid @border_color;
			}
			a{
				color: #999999;
			}
			h4, p{
				margin: 0;
			}
			h4{
				color: #000;
  			margin-bottom: 5px;
			}
			p{
				&:hover{
					text-decoration: underline;
				}
			}
			span{
				color: #ccc;
			}
		}
	}
}

.btn-nav-link{
	text-decoration: none;
	display: inline-block;
	padding: 5px 8px;
	background-color: @app_theme_color;
	color: #fff;
  border-radius: 3px;
  font-size: 14px;
  &.v-link-active{
  	color: @app_theme_color;
  	background-color: #f7f7f7;
  	box-shadow: inset 0 0 3px @border_color;
  }
}

.footer{
	width: @app_width;
	margin: auto;
	text-align: center;
	color: #ccc;
}


.list{
	&.no-data{
		color: #ccc; 
		.txtCenter();
		margin: 20px; 
		padding: 20px; 
		border: dashed 1px #e4e4e4;
		border-radius: 5px;
	}
	&.load-more{
		padding: 10px;
		.txtCenter();
		a{
			color: #666;
		}
	}
}

.weather{
	padding: 10px;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  background-color: #f7f7f7
}








